<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<!-- 
    事件的解绑
    off();
        如果不给参数就是解绑所有的事件
        如果给参数就是解绑参数的事件
        例子：
            $('#div1').off();
            $('#div1').off('click');
    事件的触发
    trigger();
        就是用来触发事件的，看例子
        $('#one').on('lin',funtion(){
            console.log('我是一个lin事件')
        });
        $('#two').on('click',funtion(){
            var res = confirm('请问是否要触发lin事件');
            if(res){
                $('#one').trigger('lin');
            }
        })
    事件对象
        什么是事件对象？
        注册一个事件，系统会帮助我们生成一个对象记录这个事件触发时的一些信息
        比如触发事件的时候有没有摁住某个键，或者触发这个事件时的一些坐标信息
        jQuery中用事件参数e来获取
        jQuery的事件对象时对原生js事件对象的一个封装，处理好了兼容性
        $('#one').on('click',function(e){
            console.log(e);
        })
        事件对象的常用的三个坐标
            screenX             对应着触发事件那一个点距离屏幕最左上角的值
            slientX             对应触发事件那一个点距离可视区域左上角的值(不计算滚动条)
            pageX               对应触发事件那一点距离界面左上角的值(计算滚动条)
        事件冒泡
            stopPropagation();
            用于阻止事件冒泡，就是在子元素中触发了事件，如果父元素中触发事件的条件相同的话，也会触发父元素的事件，
            阻止事件冒泡可以解决触发父元素事件的问题
            例子：
                $('#btn').on('click',function(){
                    alert('我是按钮事件');
                    e.stopPropagation();
                })
                该例子，如果被点击只会触发按钮的点击事件，不会触发父元素的点击事件
        阻止浏览器的默认行为
            preventDefault();
            用于阻止浏览器的默认行为
            例子：
                $('#a1').on('click',function(){
                    alert('我是a标签事件');
                    e.preventDefault();
                })
                该例子，如果被点击只会触发a标签绑定的事件，不会发生界面跳转，因为界面跳转被阻止了
        return false
            他可以阻止事件冒泡，也可以阻止浏览器默认行为
        键盘按下事件
            例子：
                $(document).on('keydown',funtion(e){

                })
                可以为界面注册键盘按下事件
            例子：
                e.keyCode;
                可以获取被按下的按键

 -->